<template>
    <div class="container">
        <ul class="img-list">
            <li>
                <img alt="用户服务协议" src="../assets/img/service-agreement-1.jpg">
            </li>
            <li>
                <img alt="用户服务协议" src="../assets/img/service-agreement-2.jpg">
            </li>
            <li>
                <img alt="用户服务协议" src="../assets/img/service-agreement-3.jpg">
            </li>
            <li>
                <img alt="用户服务协议" src="../assets/img/service-agreement-4.jpg">
            </li>
            <li>
                <img alt="用户服务协议" src="../assets/img/service-agreement-5.jpg">
            </li>
            <li>
                <img alt="用户服务协议" src="../assets/img/service-agreement-6.jpg">
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
    }
</script>

<style lang="less" scoped>
    .container{
        ul.img-list{
            .clearfix;
            text-align: center;

            &>li{
                .width(100%);
            }
        }
    }
</style>